*{
	margin: 0;
	padding: 0;
	-webkit-touch-callout:none;
	-moz-touch-callout:none;
	-ms-touch-callout:none;
	touch-callout:none;
	-webkit-user-select: none;
	user-select:none;
}
input {/*ios输入框选中*/
	-webkit-user-select:auto; /*webkit浏览器*/
}
body{
	background: #eee;
}
.btn-back{
	position: absolute;
	top: 20px;
	left: 16px;
	z-index: 1;
	width: 40px;
	height: 40px;
	img{
		width: 100%;
	}
}
.detail-clothes-slider{
	width: 100%;
	margin-bottom: 12px;
	.swiper-container1{
		display: none;
		.swiper-wrapper{
			.swiper-slide{
				img{
					width: 100%;
					height: 100%;
				}
			}
		}
		.swiper-pagination-bullets{
			top: 10px;
			.swiper-pagination-bullet-active{
				opacity: 1;
				background: #fff;
			}
		}
		.swiper-pagination-bullet{
			width: 6px;
			height: 6px;
			display: inline-block;
			border-radius: 100%;
			background: rgba(0,0,0,0.1);
			opacity: 1;
			border: 1px solid #fff;
		}
		&.active-swiper{
			display: block;
		}
	}
	.goods-info{
		background-color: #fff;
		.goods-title{
			padding: 16px 15px 0 15px;
			.titles{
				display: inline-block;
				vertical-align: top;
				font-size: 18px;
				color: #000;
			}
			.already-sale{
				color: #BCBCBC;
				font-size: 14px;
				line-height: 26px;
				float: right;
			}
			.goods-type{
				display: inline-block;
				text-align: right;
				float: right;
				button{
					width: 30px;
					height: 30px;
					background: #000;
					text-align: center;
					color: #fff;
					font-size: 20px;
					line-height: 30px;
					border: none;
					border-radius: 2px;
					-webkit-appearance : none ;
					margin-left: 10px;
				}
			}
		}
		.goods-prices{
			padding: 10px 15px;
			white-space: nowrap;
			vertical-align: bottom;
			overflow: hidden;
			label{
				display: none;
				float: left;
				.real-price{
					font-size: 20px;
					color: #FF001F;
				}
				.before-price{
					font-size: 18px;
					color: #BCBCBC;
					margin-left: 10px;
				}
				&.active-label{
					display: inline-block;
				}
			}
		}
	}
	.colors-group{
		background-color: #fff;
		margin-top: 12px;
		padding: 12px 15px 12px 15px;
		.colors-title{
			display: inline-block;
			vertical-align: top;
			font-size: 18px;
			color: #000;
			line-height: 44px;
		}
		ul{
			li{
				display: inline-block;
				margin-right: 12px;
				list-style: none;
				.li-color{
					border: 1px solid rgba(0,0,0,0.1);
					border-radius: 3px;
					width: 30px;
					height: 30px;
					box-sizing: border-box;
				}
				.li-color-red{
					background-color: #D0011B;
				}
				&.color-active{
					.li-color{
						border: none;
						box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000;
					}
				}
			}
		}
	}
}
.goods{
	.goods-detail{
		display: block;
		width: 100%;
		.goods-detail-info,.goods-detail-size,.goods-detail-meter{
			display: block;
			background: #fff;
			padding:0 12px;
			height: auto;
			min-height: 100px;
			border-bottom: 12px solid #eee;
			h3{
				font-size: 18px;
				line-height: 44px;
				height: 44px;
				padding: 5px 0;
				color: #000;
			}
		}
		.goods-detail-info{
			clear: both;
			table{
				width: 100%;
				overflow: hidden;
				padding-bottom: 12px;
				tr{
					td{
						width: ceil(100%/2);
						background: #F7F7F7;
						font-size: 14px;
						line-height: 36px;
						color: #000;
						text-indent: 1em;
					}
				}
			}
		}
		.goods-detail-size{
			padding-bottom: 12px;
			position: relative;
			.swiper-container{
				width: 100%;
				.swiper-wrapper{
					height: auto;
					.swiper-slide{
						width: 86px;
						height: auto;
						background: #fff;
						.cell{
							text-align: center;
							width: 86px;
							font-size: 14px;
							line-height: 36px;
							border: 1px solid #fff;
							background-color: #f7f7f7;
							color: #000;
							border-radius: 3px;
						}
					}
				}
			}
			.swiper-button-prev, .swiper-button-next {
				top: 56%;
				width: 24px;
				height: 45px;
				background-color: rgba(0,0,0,0.3);
			}
			.swiper-button-prev{
				border-top-right-radius: 3px;
				border-bottom-right-radius: 3px;
			}
			.swiper-button-next{
				border-top-left-radius: 3px;
				border-bottom-left-radius: 3px;
			}
		}

		.goods-detail-meter{
			clear: both;
			font-size: 0;
			line-height: 0;
			img{
				width: 100%;
			}
		}
	}
}
